<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>收货地址_个人中心_华为商城</title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/new.css" />
		<link rel="stylesheet" href="css/gzh/MemberAddress.css" />
		<link rel="stylesheet" href="css/gzh/member.css" />
		<link rel="stylesheet" href="css/gzh/MemberOrder.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/zxy/headAndFoot.css" />
		<script src="lib/jquery-3.3.1.min.js"></script>
		<script src="lib/bootstrap.min.js"></script>
		<script src="lib/vue.js"></script>
		<script src="js/zxy/headAndFoot/headAndFoot.js"></script>
		<style type="text/css">
			a{
				color: black;
			}
			a:hover{
				text-decoration: none;
			}
			#page{
				background: white;
			}
			#pageContent{
				background: white;
			}
		</style>
	</head>

	<body>
		<div id="all">
			<div id="topAdv"><a href="#"><img src="img/zxy/headAndFoot/topAdv.jpg"></a><div onClick="closeAdv()" id="closeAdv">X</div></div>
			<div id="head">
				<div id="headBox">
					<div id="headTop">
						<ul id="topLeft">
							<li class="topLeftLi"><a href="#">首页</a></li>
							<li class="topLeftLi"><a href="#">华为官网</a></li>
							<li class="topLeftLi"><a href="#">荣耀官网</a></li>
							<li class="topLeftLi"><a href="#">花粉俱乐部</a></li>
							<li class="topLeftLi"><a href="#">帮助中心</a></li>
							<li class="topLeftLi"><a href="#">V 码 (优购码)</a></li>
							<li class="topLeftLi"><a href="#">首企业购页</a></li>
							<li class="topLeftLi"><a href="#">Select Region</a></li>
							<li class="topLeftLi" id="qrcode"><a href="#">下载 APP<span class="caret"></span></a>
								<div >
									<img src="img/zxy/headAndFoot/qrcode.png"/>
									<p>扫一扫，下载客户端</p>
								</div>
							</li>
							<li class="topLeftLi" id="more"><a href="#">更多精彩<span class="caret"></span></a>
								<ul >
									<div><a href="#">EMUI</a></div>
									<div><a href="#">应用市场</a></div>
									<div><a href="#">华为终端云空间</a></div>
									<div><a href="#">开发者联盟</a></div>
								</ul>
						   </li>
						</ul>
						<ul id="topRight">
							<li class="topRightLi">
								<div id="loged" v-if="ifLogin">
									<a href="#">userName</a>
									<div id="userDrop">
										<div id="userInfo">
											<div id="userLeft">
												<a href="#"><img src="img/zxy/headAndFoot/img_logged_in.png" width="90px" height="90px"/></a>
											</div>
											<div id="userRight">
												<p><a>userName</a></p>
												<a href="#" class="realName"><span></span>未实名</a>
												<a href="#" class="i-mail"><span></span>站内信</a>
											</div>
										</div>
										<div id="userOrder">
											我的订单
											<a href="#">更多 ></a>
										</div>
										<div id="orderList">
											<ul>
												<li><a href="#">待支付</a></li>
												<li><a href="#">待收货</a></li>
												<li><a href="#">待评价</a></li>
												<li><a href="#">退换货</a></li>
												<li><a href="#">旧机回收</a></li>
											</ul>
										</div>
										<div id="otherInfo">
											<div class="discount">
												<a href="#"><span class="img01"></span></a>
												<p class="points">积分</p>
												<span>0分</span>
											</div>
											<div class="discount">
												<a href="#"><span class="img02"></span></a>
												<p class="points">优惠券</p>
												<span>0张</span>
											</div>
											<div class="discount">
												<a href="#"><span class="img03"></span></a>
												<p class="points">代金券</p>
												<span>0.00元</span>
											</div>
										</div>
										<div id="logout"><a href="#">退出登录</a></div>
									</div>
								</div>
								<div id="unlogin" v-else>
									<a href="#">请登录</a>
									<a href="#">注册</a>
								</div>
							</li>
							<li class="topRightLi" id="myOrder">
								<a href="#">我的订单</a>
							</li>
							<li class="topRightLi" id="cartShop">
								<a href="#">
									<span class="cartImg"></span>
									购物车(<font id="cartShopNum">0</font>)
								</a>
								<div class="miniCart" id="emptyCart" v-if="ifEmpty">
									<img src="img/zxy/headAndFoot/空购物车.png" width="100px" height="100px"/>
									<p>您的购物车是空的，赶紧选购吧~</p>
								</div>
								<div class="miniCart" id="cartShopBox" v-else>
									<ul class="cartShopBoxUl">
										<li>
											<div class="selectDiv">
												<label class="checkLabel">
													<input type="checkbox" class="checkBtn"/>
													<span></span>
												</label>
											</div>
											<div class="itemImg">
												<a href="#"><img src="img/zxy/headAndFoot/productImg1.jpg" width="64px" height="64px"/></a>
											</div>
											<div class="itemInfo">
												<p>荣耀畅玩7 全网通版 2GB+16GB（金色）</p>
												<div><font class="itemNum">X1</font><font class="itemPrice">¥ 599.00</font></div>
											</div>
										</li>
										<li>
											<div class="selectDiv">
												<label class="checkLabel">
													<input type="checkbox" class="checkBtn"/>
													<span></span>
												</label>
											</div>
											<div class="itemImg">
												<a href="#"><img src="img/zxy/headAndFoot/productImg1.jpg" width="64px" height="64px"/></a>
											</div>
											<div class="itemInfo">
												<p>荣耀畅玩7 全网通版 2GB+16GB（金色）</p>
												<div><font class="itemNum">X1</font><font class="itemPrice">¥ 599.00</font></div>
											</div>
										</li>
										<li>
											<div class="selectDiv">
												<label class="checkLabel">
													<input type="checkbox" class="checkBtn"/>
													<span></span>
												</label>
											</div>
											<div class="itemImg">
												<a href="#"><img src="img/zxy/headAndFoot/productImg1.jpg" width="64px" height="64px"/></a>
											</div>
											<div class="itemInfo">
												<p>荣耀畅玩7 全网通版 2GB+16GB（金色）</p>
												<div><font class="itemNum">X1</font><font class="itemPrice">¥ 599.00</font></div>
											</div>
										</li>
										
									</ul>
									<div id="minicartBalance">
										<p>
											<span>总计:</span>
											<font>¥ 15043.00</font>
										</p>
										<a href="#">立即结算</a>
									</div>
								</div>
							</li>
						</ul>
					</div>
					<div id="header">
						<div class="left">
							<a href="#"><img src="img/zxy/headAndFoot/logo.png" /></a>
							<ul>
								<li><a href="#">华为专区</a></li>
								<li><a href="#">荣耀专区</a></li>
								<li><a href="#">HUAWEI P20</a></li>
								<li><a href="#">荣耀 10</a></li>
								<li><a href="#">nova 3i</a></li>
								<li><a href="#">荣耀 V10</a></li>
							</ul>
						</div>
						<div class="right">
							<div class="input-group">
							  <input type="text" class="form-control" placeholder="荣耀 Note10" aria-describedby="sizing-addon3">
							  <span class="input-group-btn">
					          	<button class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
					          </span>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div id="page">
				<div class="mc-index">
				<div class="hr10"></div>
				<div id="pageContent">
					<div class="g">
						<div class="breadcrumb-area fcn">
							<a href="#">首页</a>
							&nbsp;&gt;&nbsp;
							<em><a href="file:///D:/%E5%A4%A7%E5%AD%A6/JS/HBuilderProject/Vmall/member.html">我的商城</a></em>
							<em>&nbsp;&gt;&nbsp;
								<span>我的订单</span>
							</em>
						</div>
					</div>
					<div class="hr10"></div>
					<div class="g">
						<div class="pull-left u-1-5">
							<div class="member_body_left">
					<div class="h"><a href="file:///D:/%E5%A4%A7%E5%AD%A6/JS/HBuilderProject/Vmall/member.html"><span>我的商城</span></a></div>
					<div class="b">
						<ul>
							<li>
								<h3 class="member_body_left_mail"><a href="#"><span id="li_msg">站内信</span></a></h3>
							</li>
							<li>
                				<h3 class="member_body_left_help"><a href="#" target="_blank"><span>帮助中心</span></a></h3>
            				</li>
            				<li>
            					<h3 class="member_body_left_order"><span>订单中心</span></h3>
            					<ol>
				                	<li id="li-order"><a href="file:///D:/%E5%A4%A7%E5%AD%A6/JS/HBuilderProject/Vmall/MemberOrder.html"><span>我的订单</span></a></li>
				                	<li id="li-order-small"><a href="#"><span>小程序订单</span></a></li>
				                    <li id="li-exchange"><a href="#"><span>我的退换货</span></a></li>
				               		<li id="li-refunds"><a href="#"><span>我的退款</span></a></li>
									<li id="li-recover"><a href="#"><span>我的回收单</span></a></li>
				                    <li id="li-prdRemark"><a href="#"><span>商品评价</span></a></li>
				                </ol>
            				</li>
            				<li>
            					<h3 class="member_body_left_asset"><span>我的资产</span></h3>
					                <ol>
					                    <li id="li-newpoint"><a href="#"><span>我的积分</span></a></li>
					                    <li id="li-coupon"><a href="#"><span>我的优惠券</span></a></li>
					                    <li id="li-balance"><a href="#"><span>我的代金券</span></a></li>
					                    <li id="li-petal"><a href="#"><span>我的花瓣</span></a></li>
					                    <li id="li-point"><a href="#"><span>等级与特权</span></a></li>
					                </ol>
            				</li>
            				<li>
				                <h3 class="member_body_left_support"><span>购买支持</span></h3>
					            	<ol>
					                    <li id="li-myAddress"><a href="#"><span>收货地址管理</span></a></li>
					                    <li id="li-authentication"><a href="#"><span>实名认证</span></a></li>
										<li id="li-myAppointment"><a href="#"><span>我的预约</span></a></li>
					                    <li id="li-notification"><a href="#"><span>到货通知</span></a></li>
					                </ol>
				            </li>
						</ul>
					</div>
				</div>

						</div>
						<div class="pull-right u-4-5">
							<div class="section-header">
							    <div class="fl">
							    	<h2>
							    		<span>收货地址管理</span>
							    	</h2>
							    </div>
							</div>
					<div class="hr-20"></div>
					<!--我的收货地址表单-->
					<div class="myAddress-edit" id="myAddress-edit">
						<form id="myAddress-form" action="#" autocomplete="off" method="post">
							<div class="form-edit-table">
								 <div class="form-edit-table">
                <table border="0" cellpadding="0" cellspacing="0">
                	<tbody>
                        <tr>
                            <th><span class="required">*</span><label for="consignee">收货人：</label></th>
                            <td>
                            	<input maxlength="20" type="text" name="consignee" id="consignee" class="text span-130"/>
                            	<label id="consignee-msg"></label>
                            </td>
                        </tr>
                        <tr>
                            <th><span class="required">*</span><label for="mobile">手机号码：</label></th>
                            <td>
								<div class="inline-block vam">
									<input maxlength="20" type="text" name="mobile" onblur="limitNum(event,this)" onchange="limitNum(event,this)" id="mobile" class="text span-130 ime-disabled" alt="tel-msg" />
									<label class="titlebox" for="phone">备选号码：</label>
								</div>
								<div class="inline-block vam relative"><input maxlength="50" type="text" name="phone" id="phone" class="text span-310 ime-disabled" alt="tel-msg"/></div>
								<div><label id="tel-msg"></label></div>
			    			</td>
                        </tr>
                        <tr>
                            <th rowspan="2" class="selecte-vat"><span class="required">*</span><label for="province">收货地址：</label></th>
                            <td class="relative">
								<!--20170627  收货地址 start-->
						        <!--以下内容隐藏时添加class="hide"，显示去掉class="hide"-->
								<div class="form-address">
								    <div id="current-address" class="form-address-detail">选择省-市-区-街道</div><!--有内容时添加class="form-address-detailcon"-->
								</div>
								<div id="address-tab" class="form-address selected hide">
								    <a href="javascript:;" class="btn-address-close">关闭</a>
								    <div id="form-address-choose-normal" class="form-address-choose">
								        <div class="form-address-name">
								            <div id="provice_info" class="form-address-name-tab clearfix"><!--已选择内容时添加class="current"-->
								            	<a id="provice" level-value="1" data-value="">请选择</a>
								            	<a id="city" level-value="2" data-value="">请选择</a>
								            	<a id="district" level-value="3" data-value="">请选择</a>
								            	<a id="street" level-value="4" class="hide" data-value="">请选择</a>
								            </div>
								            <div id="address_table" class="form-address-name-con">
								            </div>
								        </div>
								        <div class="link-address"><a href="javascript:ec.address.change(1)">搜索地址快速定位></a></div>
								    </div>
								</div>
								<div id="address-search" class="form-address selected hide">
								    <a href="javascript:;" class="btn-address-close">关闭</a>
								    <div id="form-address-choose-search" class="form-address-choose">
								        <div class="form-address-search">
								            <div class="form-address-search-text"><a href="javascript:;">清除</a>
								            	<input type="text" placeholder="输入街道、乡镇、小区或商圈名称">
								            </div>
								            <p class="form-address-example">例如：<span>深圳 天安云谷</span></p>
								            <div class="form-address-search-list">
								                <div id="form-address-no" class="form-address-no hide">没有找到这个地方，试试通过城市名+地点名来搜索<br>例如：<span>深圳 天安云谷</span></div>
								                <ul>
								                </ul>
								            </div>
								        </div>
								        <div class="link-address"><a href="javascript:ec.address.change(2)">直接选择地址></a></div>
								    </div>
								</div>
								<!-- <div id="myAddress-region" class="inline-block"></div> -->
								<label id="myAddress-msg"></label>						        <!--20170627  收货地址 end-->
							</td>
                        </tr>
                        <tr class="tr-rel">
                            <td>
                            	<div class="inline-block relative">
                            		<textarea name="address" id="address" class="textarea span-574"></textarea>
                            	</div>
                            	<label class="vat" id="address-msg"></label>
                            </td>
                        </tr>
                        <tr>
                            <th><label for="zipCode-add">邮编：</label></th>
                            <td>
                            	<input maxlength="6" type="text" class="text span-130 ime-disabled" name="zipCode" id="zipCode" />
                            	<label id="zipCode-msg"></label>
                            </td>
                        </tr>
                        
                        <tr>
                            <th>&nbsp;</th>
                            <td>
                            	<label class="inputbox"><input type="checkbox" class="checkbox" name="defaultFlag" value="1" id="myAddress-default"/><span>设为默认收货地址</span></label>
                            </td>
                        </tr>
                        <tr class="tr-action">
                        	<th>&nbsp;</th>
                        	<td>
                        		<div id="form-edit-button">
                        			<input type="button" id="button-ok" class="button-action-ok" value="添加新地址"/><input type="reset" class="button-action-cancel" value="清&nbsp;&nbsp;空" />
                        			<label class="label-info" id="submit-msg"></label>
                        		</div>
                        	</td>
                        </tr>
                    </tbody>
                </table>

							</div>
						</form>
					</div>
						</div>
						<div class="hr-30"></div>
						<div class="myAddress-record " id="myAddress-record" style="display: block;">
							<div class="list-group-title">
								<table border="0" cellpadding="0" cellspacing="0">
									<thead>
										<tr>
											<th class="col-name">收货人</th>
											<th class="col-address">收货地址</th>
											<th class="col-zip">邮编</th>
											<th class="col-tel">手机/电话</th>
											<th class="col-operate">操作</th>
										</tr>
									</thead>
								</table>
							</div>
							<div class="list-group" id="list-group">
								
							</div>
						</div>
						<textarea class="hide" id="success-tips">
							<!-- 20141219-我的地址-编辑成功-start -->
						    <div class="box-right-1"><span></span></div>
						</textarea>
						<input type="hidden" id="gouldAddress" name="unionPaySwitch" value=1 />


					</div>
				</div>
			</div>
			</div>
			</div>

			<div id="foot">
				<div id="footBox">
					<div id="footTop">
						<div>
							<a href="#">
								<span class="slogan1"></span>
								<span>百强企业 品质保证</span>
							</a>
						</div>
						<div>
							<a href="#">
								<span class="slogan2"></span>
								<span>7 天退货 15 天换货</span>
							</a>
						</div>
						<div>
							<a href="#">
								<span class="slogan3"></span>
								<span>48 元起免运费</span>
							</a>
						</div>
						<div>
							<a href="#">
								<span class="slogan4"></span>
								<span>448 家维修网点 全国联保</span>
							</a>
						</div>
					</div>
					<div id="footMid">
						<div class="footList">
							<ul>
								<p>购物相关</p>
								<li>
									<a href="#">购物指南</a>
								</li>
								<li>
									<a href="#">配送方式</a>
								</li>
								<li>
									<a href="#">支付方式</a>
								</li>
								<li>
									<a href="#">常见问题</a>
								</li>
							</ul>
							<ul>
								<p>保修与退换货</p>
								<li>
									<a href="#">保修政策</a>
								</li>
								<li>
									<a href="#">退换货政策</a>
								</li>
								<li>
									<a href="#">退换货流程</a>
								</li>
								<li>
									<a href="#">保修状态查询</a>
								</li>
								<li>
									<a href="#">配件防伪查询</a>
								</li>
							</ul>
							<ul>
								<p>维修与技术支持</p>
								<li>
									<a href="#">售后网点</a>
								</li>
								<li>
									<a href="#">预约维修</a>
								</li>
								<li>
									<a href="#">手机寄修</a>
								</li>
								<li>
									<a href="#">备件价格查询</a>
								</li>
								<li>
									<a href="#">上门服务</a>
								</li>
							</ul>
							<ul>
								<p>关于我们</p>
								<li>
									<a href="#">公司介绍</a>
								</li>
								<li>
									<a href="#">华为商城简介</a>
								</li>
								<li>
									<a href="#">华为线下门店</a>
								</li>
								<li>
									<a href="#">荣耀线下门店</a>
								</li>
								<li>
									<a href="#">诚征英才</a>
								</li>
							</ul>
							<ul>
								<p>关注我们</p>
								<li>
									<a href="#">新浪微博</a>
								</li>
								<li>
									<a href="#">腾讯微博</a>
								</li>
								<li>
									<a href="#">花粉俱乐部</a>
								</li>
							</ul>
							<ul>
								<p>友情链接</p>
								<li>
									<a href="#">华为官网</a>
								</li>
								<li>
									<a href="#">华为商城手机版</a>
								</li>
								<li>
									<a href="#">荣耀官网</a>
								</li>
								<li>
									<a href="#">花粉俱乐部</a>
								</li>
								<li>
									<a href="#">网站地图</a>
								</li>
							</ul>

						</div>
						<div class="serviceTel">
							<p>400-088-6888</p>
							<span>24 小时客服热线（仅收市话费）</span>
							<a>
								<div>
									<font>在线客服</font>
								</div>
							</a>
						</div>
					</div>
					<div id="footBottom">
						<div id="copyright">
							<div id="copyrightLeft"><a href="#"><div></div></a></div>
							<div id="copyrightMid">
								<p><a>隐私声明</a> <a>服务协议</a> Copyright © 2012-2018 华为软件技术有限公司 版权所有 保留一切权利</p>
								<p>公安备案 苏公网安备 32011402010009 号 | 苏 ICP 备 17040376 号 - 6 | 增值电信业务经营许可证：苏 B2-20130048 号 |</p>
							</div>
							<div id="copyrightLogo">
								<a href="#"><img src="img/zxy/headAndFoot/copyright1.jpg"  width="70px" height="24px"/></a>
								<a href="#"><img src="img/zxy/headAndFoot/copyright2.png"  width="70px" height="24px"/></a>
								<a href="#"><img src="img/zxy/headAndFoot/copyright3.png"  width="70px" height="24px" /></a>
								<a href="#"><img src="img/zxy/headAndFoot/copyright4.png"  width="70px" height="24px" /></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>